﻿.c-flag{ width: 24px;}
.box {
    margin: 15px;
    border: 1px solid #e1e1e8;
    float: left;
    width: calc(100% - 30px);
}
.box .heading {
    line-height: 40px;
    font-size: 20px;
    text-transform: uppercase;
	background-color: #f7f7f9;
    border-bottom: 1px solid #e1e1e8;
    float: left;
    width: 100%;
}
.box .heading .actions-container{}

.box .content {
	padding: 10px;
	min-height: 300px;
    float: left;
    width: 100%;
}

.box .footing {
line-height: 40px;
font-size: 20px;
text-transform: uppercase;
background-color: #f7f7f9;
border-top: 1px solid #e1e1e8;
float: left;
width: 100%;
}

.w-5{ width: 5%;}
.w-10{ width: 10%;}
.w-15{ width: 15%;}
.w-20{ width: 30%;}
.w-25{ width: 35%;}
.w-30{ width: 30%;}
.w-35{ width: 35%;}
.w-40{ width: 40%;}
.w-45{ width: 45%;}
.w-50{ width: 50%;}
.w-55{ width: 55%;}
.w-60{ width: 60%;}
.w-65{ width: 65%;}
.w-70{ width: 70%;}
.w-75{ width: 75%;}
.w-80{ width: 80%;}
.w-85{ width: 85%;}
.w-90{ width: 90%;}
.w-95{ width: 95%;}
.w-100{ width: 100%;}

.w-5-pull{ width: 5%!important;}
.w-10-pull{ width: 10%!important;}
.w-15-pull{ width: 15%!important;}
.w-20-pull{ width: 30%!important;}
.w-25-pull{ width: 35%!important;}
.w-30-pull{ width: 30%!important;}
.w-35-pull{ width: 35%!important;}
.w-40-pull{ width: 40%!important;}
.w-45-pull{ width: 45%!important;}
.w-50-pull{ width: 50%!important;}
.w-55-pull{ width: 55%!important;}
.w-60-pull{ width: 60%!important;}
.w-65-pull{ width: 65%!important;}
.w-70-pull{ width: 70%!important;}
.w-75-pull{ width: 75%!important;}
.w-80-pull{ width: 80%!important;}
.w-85-pull{ width: 85%!important;}
.w-90-pull{ width: 90%!important;}
.w-95-pull{ width: 95%!important;}
.w-100-pull{ width: 100%!important;}